<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<link href="jquery.uploadify-v2.1.0/example/css/default.css"
			rel="stylesheet" type="text/css" />
		<link href="jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet"
			type="text/css" />
		<script type="text/javascript"
			src="jquery.uploadify-v2.1.0/jquery-1.3.2.min.js"></script>
		<script type="text/javascript"
			src="jquery.uploadify-v2.1.0/swfobject.js"></script>
		<script type="text/javascript"
			src="jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.js"></script>
	<link href="${pageContext.request.contextPath}/css/globaltd.css" rel="stylesheet" type="text/css">
	</head>
	<body>
	<div class="wrapper">
	<div class="container">
	<form id="form1" action="${pageContext.request.contextPath}/doAddTopic.action" method="post" onsubmit="return checkForm()">
		<input type="hidden" id="ablumId" name="ablumId" />
		<input type="hidden" id="ablumType" name="ablumType" />
			<div class="nav" id="navText">
			编辑试题
		</div>
		<div class="mold">
			<div class="mold-inner">
				<table border="0" id="data-object">
					<tbody>
						<tr>
							<td width="20" valign="top">&nbsp;</td>
							<td>
								<div id="errorMsg" style="color: red"></div>								
								<table cellspacing="0" cellpadding="0" even="true"
									class="mold-list tdpad industry-list" style="line-height: 30px;">
									<tbody>
										<tr class="even">
											<td width="176" style="padding-left: 6px;">
												<label for="i0">
													试题编号
												</label>
											</td>
											<td  style="padding-left: 6px;">
												${topic.id}
											</td>
										</tr>
										<tr >
											<td width="176" style="padding-left: 6px;">
												<label for="i0">
													试题内容
												</label>
											</td>
											<td  style="padding-left: 6px;">
												${topic.title}
											</td>
										</tr>
										<tr class="even">
											<td  style="padding-left: 6px;">
												<label for="i0">
													试题资源
												</label>
											</td>
											<td>
												${topic.resourceUrl}
											</td>											
										</tr>
										<tr >
											<td style="padding-left: 6px;">
												<label for="i4">
													试题类型
												</label>
											</td>
											<td style="padding-left: 6px;">
												<c:choose>
													<c:when test="${topic.type==1}">文本</c:when>
													<c:when test="${topic.type==2}">图片</c:when>
													<c:when test="${topic.type==4}">视频</c:when>
													<c:when test="${topic.type==3}">音频</c:when>
													<c:otherwise>未知</c:otherwise>
												</c:choose>
											</td>
										</tr>
										<tr class="even">
											<td style="padding-left: 6px;">
												<label for="i4">
													所属专辑
												</label>
											</td>
											<td style="padding-left: 6px;">
												${topic.ablum.title}
											</td>
										</tr>
										<tr >
											<td style="padding-left: 6px;">
												<label for="i4">
													试题学历
												</label>
											</td>
											<!-- 学院类学历id -->
											<td >
											<c:if test="${topic.gradeType==1}"><!-- 学院类学历id -->			
												<select id="gradeId"  name="gradeId">	
													<option value="0" <c:if test="${topic.gradeId==0}" >selected="selected"</c:if>>电影学院学前班</option>									
													<option value="1" <c:if test="${topic.gradeId==1}" >selected="selected"</c:if>>电影学院一年级</option>									
													<option value="2" <c:if test="${topic.gradeId==2}" >selected="selected"</c:if>>电影学院二年级</option>									
													<option value="3" <c:if test="${topic.gradeId==3}" >selected="selected"</c:if>>电影学院三年级</option>									
													<option value="4" <c:if test="${topic.gradeId==4}" >selected="selected"</c:if>>电影学院四年级</option>									
													<option value="5" <c:if test="${topic.gradeId==5}" >selected="selected"</c:if>>电影学院五年级</option>									
													<option value="6" <c:if test="${topic.gradeId==6}" >selected="selected"</c:if>>电影学院六年级</option>									
													<option value="7" <c:if test="${topic.gradeId==7}" >selected="selected"</c:if>>电影学院七年级</option>									
													<option value="8" <c:if test="${topic.gradeId==8}" >selected="selected"</c:if>>电影学院八年级</option>									
													<option value="9" <c:if test="${topic.gradeId==9}" >selected="selected"</c:if>>电影学院九年级</option>									
													<option value="10" <c:if test="${topic.gradeId==10}" >selected="selected"</c:if>>电影学院十年级</option>									
													<option value="11" <c:if test="${topic.gradeId==11}" >selected="selected"</c:if>>电影学院十一年级</option>									
													<option value="12" <c:if test="${topic.gradeId==12}" >selected="selected"</c:if>>电影学院十二年级</option>									
													<option value="13" <c:if test="${topic.gradeId==13}" >selected="selected"</c:if>>电影学院大学一年级</option>									
													<option value="14" <c:if test="${topic.gradeId==14}" >selected="selected"</c:if>>电影学院大学二年级</option>									
													<option value="15" <c:if test="${topic.gradeId==15}" >selected="selected"</c:if>>电影学院大学三年级</option>									
													<option value="16" <c:if test="${topic.gradeId==16}" >selected="selected"</c:if>>电影学院大学四年级</option>									
													<option value="17" <c:if test="${topic.gradeId==17}" >selected="selected"</c:if>>电影学院大学五年级</option>									
													<option value="18" <c:if test="${topic.gradeId==18}" >selected="selected"</c:if>>电影学院大学六年级</option>									
													<option value="19" <c:if test="${topic.gradeId==19}" >selected="selected"</c:if>>电影学院研究生一年级</option>									
													<option value="20" <c:if test="${topic.gradeId==20}" >selected="selected"</c:if>>电影学院研究生二年级</option>									
													<option value="21" <c:if test="${topic.gradeId==21}" >selected="selected"</c:if>>电影学院研究生三年级</option>									
													<option value="22" <c:if test="${topic.gradeId==22}" >selected="selected"</c:if>>电影学院博士一年级</option>									
													<option value="23" <c:if test="${topic.gradeId==23}" >selected="selected"</c:if>>电影学院博士二年级</option>									
													<option value="24" <c:if test="${topic.gradeId==24}" >selected="selected"</c:if>>电影学院博士三年级</option>									
													<option value="25" <c:if test="${topic.gradeId==25}" >selected="selected"</c:if>>电影学院教授一年级</option>									
													<option value="26" <c:if test="${topic.gradeId==26}" >selected="selected"</c:if>>电影学院教授二年级</option>									
													<option value="27" <c:if test="${topic.gradeId==27}" >selected="selected"</c:if>>电影学院教授三年级</option>									
												</select>								
										</c:if>
										<c:if test="${topic.gradeType!=1}"><!-- 明星类和电影类学历id -->	
												<select id="gradeId"   name="gradeId">			
													<option value="0" <c:if test="${topic.gradeId==0}" >selected="selected"</c:if>>电影学院小学毕业</option>
													<option value="1" <c:if test="${topic.gradeId==1}" >selected="selected"</c:if>>电影学院中学毕业</option>
													<option value="2" <c:if test="${topic.gradeId==2}" >selected="selected"</c:if>>电影学院大学毕业</option>
													<option value="3" <c:if test="${topic.gradeId==3}" >selected="selected"</c:if>>电影学院硕士毕业</option>
													<option value="4" <c:if test="${topic.gradeId==4}" >selected="selected"</c:if>>电影学院博士毕业</option>
													<option value="5" <c:if test="${topic.gradeId==5}" >selected="selected"</c:if>>电影学院教授毕业</option>
													<!--  <option value="6">电影学院六年级</option>-->
												</select>								
										</c:if>	
											</td>
										</tr>
										<tr class="even">
											<td style="padding-left: 6px;">
												<label for="i4">
													试题备注:
												</label>
											</td>
											<td style="padding-left: 6px;">
												<textarea id="remark" name="remark" rows="3" cols="40">${topic.remark}</textarea>
											</td>
										</tr>																		
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<table width="100%"  border="0">
					<tr>
						<td align="center">
							<input type="button"  value="更新" onclick="update()">
							<input type="button" onclick="history.go(-1);" value="返回">
						</td>
					</tr>
				</table>
			</div>
		</div>
		</form>
	</body>
	<script type="text/javascript">
	var webContext = "${pageContext.request.contextPath}";
	var rowNum = 4;
        $(document).ready(function()
        {
        	$("#uploadify").uploadify({
                'uploader': 'jquery.uploadify-v2.1.0/uploadify.swf',
                'script': 'upload.action',
                'cancelImg': 'jquery.uploadify-v2.1.0/cancel.png',
				'scriptData': {'id':'1'},
				'queueID': 'fileQueue',//与下面的id对应
				'fileDataName'   : 'uploadify',//和input的name属性值保持一致就好，Struts2就能处理了
				'queueSizeLimit': 1,
				'fileDesc': '图片,视频,音频',   
				'fileExt': '*.jpg;*.png;*.mp4;*.3gp;*.mp3;*.wav;*.aif;*.caf;*.mov', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc
				'displayData': 'speed',//百分比'percentage'，速度：'speed'
				'auto': false,
				'multi': false,
				'sizeLimit':20971520, //20*1024*1024 ,单位bity
				'simUploadLimit': 2,
				'buttonText': 'browse',
				 'onComplete': function (event, queueID, fileObj, response, data){
                 $("#resourceUrl").val(response);
                 $("#result").html(fileObj.name+"上传成功");//显示上传成功结果
                 if(fileObj.type==".jpg" || fileObj.type==".png"){
                 	imageDisplay();
                 }                  
                  setInterval("showResult()",10000);//两秒后删除显示的上传成功结果
                }
            });            
            
            	$("#addRow").bind("click",function(){ 
            		rowNum +=1; 
					var rowHtml=""; 
					rowHtml +="<tr id='"+rowNum+"' style=\"border: 0 \">"; 
					rowHtml +="<td style=\"border: 0\" width=\"3%\"><input  type=\"checkbox\" checked=\"checked\" name=\"checkboxGroup\" value="+rowNum+" /></td>"; 
					rowHtml +="<td style=\"border: 0\"><input type=\"text\" id=\"optionName_"+rowNum+"\" name=\"optionName\" />&nbsp;&nbsp;"; 
					rowHtml +="<select name=\"rightFlag\" id=\"rightFlag_"+rowNum+"\">"; 
					rowHtml +="<option value=\"2\" >错误答案</option>"; 
					rowHtml +="<option value=\"1\" >正确答案</option>"; 
					rowHtml +="</select>"; 
					rowHtml +="</td></tr>";
					$("#tableAdd").append(rowHtml); 
				});
        });        
		//删除行 
		function deleteRows(){ 
			var ids = $("input:checked[name='checkboxGroup']");
			for(var i=0;i<=ids.length-1;i++){
				$("#"+ids[i].value).remove(); 		
			}					
		} 
		function selectAll(){
			if(flag){
				$("input:checkbox").attr("checked","true");
				flag=false;
			}else{
				$("input:checkbox").removeAttr("checked");
				flag=true;
			}
		}  
        
       	function showResult(){//删除显示的上传成功结果
          $("#result").html("");
        }
        function checkForm(){
        	var resourceUrl = $("#resourceUrl").val();
        	var title = $("#title").val();
        	var type = $("#type").val();
        	var ablumValue =$("#ablumValue").val();
        	if(type =="1" && (title==null || title=="")){
        		$("#errorMsg").text("请输入试题内容");
        		return false;
        	}else if(type=="-1"){
        		$("#errorMsg").text("请选择试题类型");
        		return false;
        	}else if(ablumValue=="-1"){
        		$("#errorMsg").text("请选择所属专辑");
        		return false;
        	}else if((type =="2" ||type =="3"||type =="4") && (resourceUrl =="" || resourceUrl==null)){
        		$("#errorMsg").text("请上传试题内容");
        		return false;
        	}else{
        		$("#errorMsg").text();
        		return true;
        	}
        }
        function typeSelected(){
        	var type = $("#type").val();    
        	if(type=="-1"){
        		$("#resourceArea").hide(); 
        	}else if(type=="1"){//文字
				$("#resourceArea").hide(); 
        	}else if(type=="2"){//图片
				$("#resourceArea").show();      		
        	}else if(type=="3"){//视频
				$("#resourceArea").show();     		           	
        	}else if(type=="4"){//音频
				$("#resourceArea").show();       		        		       	
        	}else{
        	}
        }
        
        function ablumSelected(){        	
        	var value = $("#ablumValue").val();
        	if(value!=null && value!="" && value!="-1"){
        		var ablumId = value.split(",")[0];
        		var ablumType = value.split(",")[1];
        		$("#ablumId").val(ablumId);
        		$("#ablumType").val(ablumType);
        		if(ablumType=="1"){
        			$("#gradeArea1").show();
        			$("#gradeArea2").hide();
        		}else{
        			$("#gradeArea2").show();
        			$("#gradeArea1").hide();
        		}
        	}  	
        }
        
		function update(){
			//if(!checkForm())
			//	return false;
			var topicId = ${topic.id};
			var gradeId = $("#gradeId").val();
			var remark = $("#remark").val();			
			$.ajax({
				type:"post",
				url:webContext+"/doUpdateTopic.action",
				dataType:"json",
				data:{gradeId:gradeId,remark:remark,topicId:topicId},
				success:function(data){
					if(data.success=="true"){
						alert("操作成功");	
						window.location.href=webContext+"/topicIndex.action";										
					}else{
						alert("保存失败，请联系管理员");
					}
				},
				error:function(){
					alert("保存失败，请联系管理员!");
				}
			});
		}
		
		function imageDisplay(){
			var imageUrl = $("#resourceUrl").val();
			$("#imageDisplayArea").html("<img width=\"200\" height=\"160\" src="+webContext+"/imageDisplay.action?imageUrl="+imageUrl+" />");
		}
    </script>	
</html>
